// 页面高度
._page {
	height: calc(100vh - (96rpx + env(safe-area-inset-bottom)));
	overflow-x: hidden;
}
/deep/ .uni-body{
	line-height: normal;
}
._padding {
	padding-left: 40rpx;
	padding-right: 40rpx;
	box-sizing: border-box;
}
// 顶部样式
.uni-navbar__header-btns-left {
	width: max-content !important;
}
.nav_title {
	/* #ifdef APP-PLUS||H5 */
	display: inline-flex;
	width: 100%;
	height: 100%;
	align-items: center;
	z-index: 1;
	/* #endif */
	font-size: $font-size-B;
	color: $font-color-main-A;
	font-weight: bold;
	/* #ifdef MP */
	display: flex;
	align-items: center;
	/* #endif */
}
._right {
	// width: 80rpx;
	height: 64rpx;
	width: 160rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	flex-shrink: 0;
	background-color: #f5f6f9;
	padding: 5rpx 15rpx;
	box-sizing: border-box;
	border-radius: 100rpx;
	text,
	view {
		line-height: normal;
	}
	text.text {
		flex-shrink: 0;
		display: inline-block;
		font-size: 28rpx;
		margin-left: 8rpx;
		color: #007aff;
	}
}
.title-right {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	text.text {
		flex-shrink: 0;
		display: inline-block;
		font-size: 28rpx;
		margin-left: 10rpx;
	}
}

// 隐藏画布
.over-canvas {
	position: fixed;
	left: 100%;
}

// popup层级修改
.uni-popup {
	z-index: 999 !important;
}

// 水印
.baike_logo {
	position: relative;
	overflow: hidden;
	position: relative;
	z-index: 1;
	&::before {
		content: '';
		border-radius: 24rpx;
		position: absolute;
		left: 0%;
		top: 0%;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-size: 120vw auto;
		background-repeat: repeat;
		background-position: left top;
		background-color: transparent;
		opacity: .5;
	}
}

.bottom_btn {
	width: 100vw;
	height: calc(144rpx + env(safe-area-inset-bottom));
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	background-color: #ffffff;
	box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.04);
	padding: 26rpx 40rpx calc(26rpx + env(safe-area-inset-bottom));
	box-sizing: border-box;
	.gray_btn {
		width: calc((100% - 36rpx) / 2);
		height: 100%;
		font-size: 34rpx;
		color: #121317;
		background-color: #f8f8f8;
		border-radius: 24rpx;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.primary_btn {
		width: calc((100% - 36rpx) / 2);
		height: 100%;
		font-size: 34rpx;
		color: #ffffff;
		background: linear-gradient(90deg, #007aff 0%, #0052d9 100%);
		border-radius: 24rpx;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	._block {
		width: 100%;
	}
}
// 表格
.school-table,
.school-info-box {
	margin-top: 70rpx;
	width: 100%;
	.school-info {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		.nature {
			display: inline-block;
			height: 100%;
			width: max-content;
			padding: 4rpx 8rpx;
			box-sizing: border-box;
			border-radius: 4rpx;
			font-size: 24rpx;
			font-weight: normal;
			margin-right: 10rpx;
			flex-shrink: 0;
			line-height: normal;
		}
	}
	.table-bold {
		font-weight: bold !important;
	}
	.table-btn {
		color: #007aff !important;
	}
	.border-major {
		font-size: 24rpx;
		color: $font-color-light;
	}
	.border-tips {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: 24rpx;
		color: #e34d59;
		// margin-top: 20rpx;
		text {
			font-size: 24rpx;
			margin-right: 6rpx;
		}
	}
	.majortips {
		padding: 0 20rpx;
		box-sizing: border-box;
		// margin-top: -15rpx;
	}

	.val_tips{
		font-weight: 400;
		font-size: $font-size-E;
		color: $font-color-light;
		line-height: $font-size-E-line-height;
		margin-bottom: 4rpx;
	}
}

// 公办
.public {
	background-color: $bic-bg-public;
	color: $bic-color-public;
}
// 民办
.civilian {
	background-color: $bic-bg-civilian;
	color: $bic-color-civilian;
}
// 独立
.independent {
	background-color: $bic-bg-independent;
	color: $bic-color-independent;
}
// 职业本科
.occupation{
	background-color: $bic-bg-occupation;
	color: $bic-color-occupation;
}

.school-info-box {
	margin-top: 0;
	padding: 40rpx 39rpx;
	box-sizing: border-box;
	.majortips {
		padding: 0;
		// margin-top: 10rpx;
	}
}

.echarts_box {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	background-color: #ffffff;
}
.echarts_box_bg {
	background-color: rgb(250, 250, 250);
	padding: 10px 0;
	box-sizing: border-box;
	border-radius: 20rpx;
}

.search-box {
	width: 100%;
	display: grid;
	grid-template-areas: '. . .';
	grid-gap: 0 30rpx;

	.search-lis {
		background-color: #f8f8f8;
		border-radius: 20rpx;
		overflow: hidden;
		padding: 22rpx 20rpx;
		box-sizing: border-box;
	}
}

// tips超出一行是否显示
.info_tips {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 14rpx 0;
	font-size: 24rpx;
	color: #e34d59;
	._flex {
		flex-shrink: 0;
		&.open{
			transform: rotate(180deg);
		}
	}
}
// 单行
.single_row {
	display: inline-block; // 如果不是block元素，还需要设置这个。
	max-width: 70vw; // 超出的宽度
	overflow: hidden; // 超出隐藏
	text-overflow: ellipsis; //超出用省略号
	white-space: nowrap; // 不换行
}
// 多行
.multiline {
	white-space: normal;
}

.default {
	background-color: #ffffff;
	height: calc(100vh - 108rpx);
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
	.img-box {
		display: inline-block;
		width: max-content;
		height: max-content;
		text-align: center;
		image{
			width: 80vw;
		}
		.text{
			width: 100vw;
			text-align: center;
			font-size: 28rpx;
			color: #858688;
		}
	}
}


// 登录模块

.loginBox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
	background-image: url('@/static/imgs/logo/ditu.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	
	.content-box {
		width: 100%;
		padding: 134rpx 52rpx 60rpx;
		box-sizing: border-box;
	}

	.elseLogin {
		position: absolute;
		bottom: 60rpx;
		left: 0;
		z-index: 1;
		width: 100%;
		color: $font-color-light;
		font-size: $font-size-D;
		text-align: center;
	}
}


// app样式
.tabbar-pages{
	padding-bottom: 60px;
	box-sizing: border-box;
}
.app_nav_title {
	/* #ifdef APP-PLUS||H5 */
	display: inline-flex;
	width: 100%;
	height: 100%;
	align-items: center;
	z-index: 1;
	/* #endif */
	font-size: $font-size-B;
	color: $font-color-main-A;
	// font-weight: bold;
	/* #ifdef MP */
	display: flex;
	align-items: center;
	/* #endif */
}
.app_nav_return{
	color: $font-color-main-A;
	font-size: $font-size-C;
	// font-weight: bold;
}

.nav_tips {
	font-size: $font-size-D;
	color: $font-color-light;
}
.nav_input{
	border: 2rpx solid #F4F5F7;
	border-radius: 20rpx;
	display: inline-flex;
	height: calc(100% - 8rpx - 20rpx);
	align-items: center;
	justify-content: flex-start;
	padding: 0 28rpx;
	box-sizing: border-box;
	background-color: rgba(245, 246, 250, .3);
	margin-top: 20rpx;
	.iconfont{
		font-size: $font-size-C;
		color: $font-color-main-A;
		flex-shrink: 0;
		margin-right: 15rpx;
	}
	input{
		width: 100%;
		font-size: $font-size-D;
	}
	.input-placeholder{
		color: rgba(35, 42, 53, 0.50);
	}
}



// 退出、删除确认弹框样式
.delete-content {
	padding: 76rpx 58rpx;
	box-sizing: border-box;
	.title {
		font-size: $font-size-B;
		color: $font-color-main-A;
		font-weight: bold;
	}
	.tips {
		font-size: $font-size-C;
		color: $font-color-main-A;
		margin-top: 24rpx;
	}
}


.popupContent {
	padding: 0 38rpx;
	box-sizing: border-box;
	
}
.tracking {
	display: flex;
	align-content: center;
	justify-content: flex-start;
	height: 46rpx;
	margin-bottom: 50rpx;
	view {
		display: flex;
		align-items: center;
	}
	.img {
		flex-shrink: 0;
		width: 46rpx;
		height: 46rpx;
		margin-right: 14rpx;
		// border-radius: 47rpx;
		overflow: hidden;
		image {
			width: 100%;
			height: 100%;
		}
	}
	.name {
		font-size: 25rpx;
		color: $font-color-main-A;
		margin-right: 8rpx;
		font-weight: bold;
	}
	.num {
		font-weight: bold;
		font-size: $font-size-D;
		color: $font-color-main-A;
	}
}
.logisticsList {
	width: 100%;
	border-radius: 20rpx;
	background-color: #fafafa;
	padding: 36rpx 38rpx 36rpx 67rpx;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 32rpx;
	.lis {
		margin-bottom: 51rpx;
		.top {
			color: #121317;
			font-size: 23rpx;
			position: relative;
			&::before {
				content: '';
				position: absolute;
				width: 10rpx;
				height: 10rpx;
				border-radius: 50%;
				background-color: #d9d9d9;
				left: -31rpx;
				top: 50%;
				transform: translate(50%, -50%);
			}
		}
		.bottom {
			color: #858688;
			font-size: 23rpx;
		}
		&:last-child {
			margin-bottom: 30rpx;
		}
	}
	&::after {
		content: '';
		width: 2rpx;
		height: calc(100% - 36rpx * 2);
		background: linear-gradient(180deg, #dedede 0%, rgba(222, 222, 222, 0) 100%);
		border-radius: 10rpx;
		position: absolute;
		left: 42rpx;
		top: 46rpx;
		z-index: 0;
	}
}
// 物流
.receivingInfo {
	width: 100%;
	border-radius: 20rpx;
	background-color: #fafafa;
	padding: 36rpx 38rpx 36rpx 67rpx;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 32rpx;
	.areas {
		color: $font-color-main-A;
		font-size: $font-size-E;
		margin-bottom: 4rpx;
	}
	.address {
		color: $font-color-main-A;
		font-size: $font-size-D;
		font-weight: bold;
		margin-bottom: 4rpx;
	}
	.selfInfo {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: $font-color-light;
		font-size: $font-size-E;
		.name {
			margin-right: 26rpx;
		}
	}
}

.divideLis {
	padding: 30rpx 20rpx 30rpx 40rpx;
	box-sizing: border-box;
	position: relative;
	.dateBox {
		font-size: 25rpx;
		color: #858688;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 30rpx;
		position: relative;
		.time {
			color: #121317;
			font-size: 28rpx;
			font-weight: bold;
		}
		&::before {
			content: '';
			position: absolute;
			width: 14rpx;
			height: 14rpx;
			border-radius: 50%;
			left: -50rpx;
			top: 50%;
			transform: translate(50%, -50%);
			border: 4rpx solid #dadadb;
			background-color: #ffffff;
		}
	}
	.info {
		width: 100%;
		background-color: #fafafa;
		border-radius: 20rpx;
		padding: 30rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		overflow: hidden;
		.left {
			> view {
				margin-top: 6rpx;
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				.priceBox {
					height: 50rpx;
					display: flex;
					align-items: flex-end;
					justify-content: flex-start;
					font-size: 29rpx;
					color: #121317;
					margin-right: 10rpx;
					.price {
						font-size: 46rpx;
						font-weight: bold;
					}
					.text {
						padding-bottom: 6rpx;
						box-sizing: border-box;
					}
				}
				.overdue {
					display: flex;
					align-items: center;
					justify-content: center;
					background-color: #fff0f1;
					border-radius: 100rpx 100rpx 100rpx 0;
					color: #e34d59;
					font-size: 23rpx;
					padding: 4rpx 20rpx;
					box-sizing: border-box;
					font-weight: bold;
				}
			}
			.tips {
				margin-top: 10rpx;
				font-size: 23rpx;
				color: #858688;
			}
		}
		.right {
			flex-shrink: 0;
			font-size: 23rpx;
			color: #ffffff;
			background: linear-gradient(90deg, #f33d49 0%, #ee3b2f 100%, #f82f1f 100%);
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			padding: 12rpx 34rpx;
			box-sizing: border-box;
		}
		.img {
			width: 163rpx;
			height: 128rpx;
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 0;
			image {
				width: 100%;
			}
		}
	}
	&:last-child {
		margin-bottom: 30rpx;
	}

	&::before {
		content: '';
		position: absolute;
		width: 4rpx;
		height: 100%;
		top: 0;
		left: 0;
		background: #dadadb;
		transform: translate(calc(50% + 9rpx), 0);
	}
	&:first-child::before {
		top: 40rpx;
	}
	&:last-child::before {
		background: linear-gradient(180deg, #dedede 0%, rgba(222, 222, 222, 0) 100%);
	}
}

